.common-display-panel {
  display: flex;
  flex-direction: column;
  align-items: center;

  overflow: hidden;
  // cursor: pointer;

  // 左对齐样式
  &.align-left {
    align-items: flex-start;

    .panel-content {
      text-align: left;
    }
  }

  .panel-image {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
  }

  .panel-image-loading {
    animation: spin 1.2s linear infinite;
  }

  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  .panel-content {
    padding: 16px;
    text-align: center;

    .panel-title {
      font-size: 14px;
      //font-weight: bold;
      margin: 0 0 8px;
      color: #121212;
    }

    .panel-description {
      font-size: 13px;
      color: rgba(18, 18, 18, 0.5);
      margin: 0;
    }
  }
}
